*{
	padding: 0;
	margin: 0;
}
body a{
	color: black;
}
.dao{
	width: 100%;
}
.loog{
	border-radius: 50%;
	width: 30px;
	/*height: 30px;*/
	object-fit: cover;
}

.nn li a{
	color: #eee;
}
.aaa{
	background-color: #6d757a;
}
.bj{
	background: url(../images/屏幕截图\ 2024-06-12\ 222005.png) no-repeat 12px  5px  ;
	background-size: 20px 20px;	
}
.rounded-radius{
	width: 100%;
	height: 30px;
	 /* 圆角化 */
	border-radius:15px;
	
	margin-top: 5px;
	padding-left: 30px;
}
.rounded1{
	border-radius:10px;
}
.s::before{
	/* 三角形 */
	content:'';
	position:absolute;
	top: -10px;
	left: 17%;
	width: 0;
	height: 0;
	border: none;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid red;
}
.s1,.s3{
	width: 100%;
	height: 5px;
}
.s1::before{
	/* wd */
	content:'';
	position:absolute;
	top: 50px;
	left: 28%;
	width: 0;
	height: 0;
	border: none;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid red;
}
.s3::before{
	/* 关注 */
	content:'';
	position:absolute;
	top: 50px;
	left: 33%;
	width: 0;
	height: 0;
	border: none;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid red;
}
.xuhua{
	filter: blur(100px);
	transition: filter 100s;
}
.carousel-indicators li{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fff;
	margin: 0 8px;
}
.cuizi{
	display: flex;
	width: 100%;

	align-items: center;
}
.jiaocha a{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 20px;
}
.loog1{
	border-radius: 50%;
	width: 180px;
	height: 180px;
	object-fit: cover;
}
.list-inline-item{
	display: inline-block;
	align-content: center;
	justify-content: center;
	width: 120px;
	height: 60px;
	background-color: whitesmoke;
}
.jiaocha1 a{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 10px;
}
.loog2{
	border-radius: 50%;
	width: 50px;
	height:50px;
	object-fit: cover;
}
@media (max-width: 768px) {
	.y{
		display: none;
	}
	
	}
/* 多图轮播 */
.fa{
	/* 放大超出容器部分遮 */
	overflow: hidden;
}
.fa img:hover{
	transform: scale(1.1);
}
.con{
	/* 相对定位 */
	position: relative;
	width: 1020px;
	height: 150px;
	/* 溢出：隐藏； */
	
	overflow: hidden;

}  
.u{
	/* 绝对定位 */ 
	position: absolute;
	left: 0;
	width: 960px;
	height: 160px;
}
.u li{
	width: 160px;
	list-style: none;
	float: left;
}
.u img{	
	width: 150px;
	height: 150px;
}
/* 选项卡 */
.bl{
background-color: darkgray;
flood-color: white;

}
.xuan{
	display: none;
}
/* 播放器 */
#player {
	
	width: 100%;
	height: 600px;
	
	max-width: 600px;
	
	/* background-color: rgba(0,0,0,0.5); */
	/* margin:auto; */
	/* text-align: center; */
	
  }
  .bjj{
	display: none;
	background-color: rgba(0, 0, 0, 0.8)
	
  }
  
  .controls {
	height:40px;
	
	flood-color: #fff;
	margin-top: 10px;
  }
  

  .lo{
	border-radius: 50%;
	width: 35px;
	/*height: 30px;*/
	object-fit: cover;
  }
  #seek-bar{
	width: 400px;
  }
  footer{
	height: 190px;
  }
.ycc{
	height: 490px;
	/* 溢出：隐藏； */
	
	overflow: hidden;
}
div.container {
	width: 70%;
	margin: 0 auto;
	border-radius: 20px;
  }
  button.accordion {
	background-color:#fff;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
  }
  button.accordion.active,
  button.accordion:hover {
	background-color: lightgray;
  }
  div.panel {
	width: 100%;
	padding: 0 18px;
	background-color:white ;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }
  .comment-send {
	position: relative;
	width: 638px;
	height: 109px;
  }
  
  .comment-send .user-face {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
  }
  .comment-send img {
	width: 70px;
  }
  .textarea-comtainer textarea,
  .textarea-comtainer input {
	position: absolute;
	top: 90%;
	transform: translateY(-90%);
	left: 80px;
	width: 473px;
	height: 65px;
	background-color: #f4f5f7;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	font-family: "icomoon";
  }
  .textarea-comtainer input {
	top: 5%;
	transform: translateY(-5%);
	height: 30px;
  }
  
  .textarea-comtainer textarea:focus {
	border: 1px solid #00a1d6;
	background-color: #fff;
  }
  .textarea-comtainer input:focus {
	border: 0px;
	outline: none;
	border: 1px solid #00a1d6;
	background-color: #fff;
  }
  
  .textarea-comtainer .comment-submit {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	width: 70px;
	height: 64px;
	background-color: #00a1d6;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
  }
  
  .textarea-comtainer .comment-submit:hover {
	background-color: #2bb2df;
  }
  
  .comment-emoji {
	position: absolute;
	bottom: -5px;
	left: 80px;
	width: 68px;
	height: 26px;
	border-radius: 5px;
	color: #bbb;
	font-size: 14px;
	box-shadow: 1px 0 5px #eee, -1px 0 5px #eee;
	border: 1px solid #e5e9ef;
	padding: 5px;
	line-height: 12px;
	cursor: pointer;
  }
  .reply-item img {
	width: 40px;
  }
  
  .reply-wrap {
	display: flex;
	justify-content: space-between;
	width: 638px;
	height: 345px;
  }
  
  .reply-wrap .user-face {
	width: 48px;
	height: 48px;
  }
  
  .reply-wrap .right {
	width: 600px;
	height: 400px;
  }
  
  .right .user-face {
	width: 36px;
	height: 36px;
  }
  
  .right .user-name,
  .more div:nth-child(2) {
	font-size: 12px;
	color: #6d757a;
  }
  
  .right p {
	padding: 8px 0;
	font-size: 14px;
  }
  
  .info {
	height: 15px;
	font-size: 12px;
	color: #99a2aa;
  }
  
  .info span {
	margin: 0 10px;
  }
  
  .info span:first-child {
	margin-left: 0;
  }
  
  .info span:nth-child(2)::before {
	content: "\e901";
	font-family: "icomoon";
	margin-right: 5px;
	cursor: pointer;
  }
  
  .info span:nth-child(3)::before {
	content: "\e902";
	font-family: "icomoon";
	margin-right: 5px;
	cursor: pointer;
  }
  
  .info span:nth-child(2):hover::before,
  .info span:nth-child(3):hover::before {
	color: #00a1d6;
  }
  
  .info span:last-child a {
	color: #99a2aa;
  }
  
  .info span:last-child a:hover {
	background-color: #99a2aa;
	color: #00a1d6;
  }
  
  .reply-item {
	width: 700px;
	padding: 10px 0;
  }
  
  .reply-item .user {
	display: flex;
  }
  
  .user .user-face,
  .more div:nth-child(1) {
	width: 35px;
	height: 35px;
	overflow: hidden;
	border-radius: 50%;
	background-color: skyblue;
  }
  
  .user .user-name,
  .more div:nth-child(2) {
	margin: 5px 0 0 5px;
	font-weight: 700;
  }
  
  .user p,
  .more div:nth-child(3) {
	height: 35px;
	line-height: 10px;
	margin-left: 10px;
  }
  
  #dv {
	width: 638px;
	background-color: #fff;
  }
  
  .more {
	display: flex;
	width: 558px;
	height: 35px;
  }
  
  .more div:nth-child(1) img {
	width: 100%;
	height: 100%;
  }
.duihua{
	margin: auto;
}  
.ccc{
	position: absolute;
  	top: 0;
  	right: 20px;
	  color: #f1f1f1;
  	font-size: 24px;
 	margin-left: 50px;
}

.co{
	background-color: rgba(0, 0, 0, 0.4);
	/* display: none; */
	position: absolute;
	top: -90px;
	left:25%;
	width: 50%;
    height: 0;
	margin: auto;
    overflow: hidden;
}
.co ul{
	margin-top: 5px;
	list-style: none;
    transition:  .5s;
}
.co ul li{
    height: 30px;
	color: black;
    line-height: 30px;
    transition: .5s;
}
.co ul li.active{
    color: #fff;
    transform: scale(1.1);
}